<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>tablette: <c:out value="${produit.get_nomP()}"/></title>
        <link type="text/css" rel="stylesheet" href="inc/style.css" />
    </head>
    <body>
    
    	<c:import url="/inc/menu.jsp" />
    
        <p class="info">${ form.resultat }</p>
          		
        <c:choose>
	    	<%-- Si aucun produit, affichage d'un message par défaut. --%>
	        <c:when test="${ empty sessionScope.produit }">
	            <p class="erreur">Aucun produit ne porte cette référence, ou celui-ci n'est plus disponible.</p>
	        </c:when>
	        
	        <%-- Sinon, affichagedu produit. --%>
	        <c:otherwise>
		    	<p><img src="<c:url value="/inc/tablette_neutre.jpg"/>" alt="${sessionScope.produit.get_nomP()}" title="${sessionScope.produit.get_nomP()}" /></p><br />
		    	<p>${sessionScope.produit.get_nomP()}<p/><br />
		    	<p>${sessionScope.produit.getPuP()} HT</p><br />
		    	<p>${sessionScope.produit.getDescription()}</p><br />
		    	<p>${sessionScope.produit.getCategorieP().getDescription()}</p><br />
		    	<p>${sessionScope.produit.getCategorieP().getSousCategorie().getDescription()}</p><br />
		    	
		        <div>
		            <form method="get" action="<c:url value="/ajouterPanier"/>">
		               <fieldset>
		               
	    					<%-- Choix quantité --%>
							<label for="qteProduit">Quantité :</label>
							<input type="number" name="qteProduit" id="qteProduit" value="1" min="1" max="${ sessionScope.produit.get_qteQtock() < 10 ? sessionScope.produit.get_qteQtock() : 10 }" />
					    	<br /><br />
					    	
	    					<%-- Choix options --%>
	    					<c:if test="${sessionScope.produit.getLstOptionP().size() > 0}">
						    	<h3>Choix option: </h3>
					    		<c:forEach items="${ sessionScope.produit.getLstOptionP() }" var="mapOptions">
						    		<c:choose>
						    		
	    								<%-- Option Couleur --%>
										<c:when test="${ mapOptions.value.getRef()=='OPT_C' }">
											<label for="OPT_C">Couleur :</label>
											<select name="OPT_C" id="OPT_C">
												<option value="Noir" selected="selected"></option>
					    						<c:forEach items="${ fn:split(mapOptions.value.getDescription(),'|') }" var="tabCouleur">
							          				<option value="${tabCouleur}">${tabCouleur}</option>
			                					</c:forEach>
							        		</select>
							        		${ mapOptions.value.getPxO() } €<br />
										</c:when>
			
	    								<%-- Option Capacité --%>
										<c:when test="${ mapOptions.value.getRef()=='OPT_D' }">
											<label for="OPT_D">Capacité :</label>
											<select name="OPT_D" id="OPT_D">
												<option value="Desault" selected="selected">16Go</option>
					    						<c:forEach items="${ fn:split(mapOptions.value.getDescription(),'|') }" var="tabCapacity">
							          				<option value="${tabCapacity}">${tabCapacity}</option>
			                					</c:forEach>
							        		</select>
							        		${ mapOptions.value.getPxO() } €/Go<br />
										</c:when>
										
	    								<%-- Option Wifi/3G --%>
	    								<c:when test="${ mapOptions.value.getRef()=='OPT_W' }">
			       							<label for="OPT_W">${ mapOptions.value.getDescription() }</label>
			       							<input type="checkbox" name="OPT_W" id="OPT_W" />
							        		${ mapOptions.value.getPxO() } €<br />
										</c:when>
										<c:otherwise>
										</c:otherwise>
									</c:choose>
			                	</c:forEach>
   							</c:if>
   							
   							
   							<%-- Choix accessoires --%>
	    					<c:if test="${sessionScope.produit.getLstAccessoireP().size() > 0}">
						    	<h3>Choix accessoires: </h3>
					    		<c:forEach items="${ sessionScope.produit.getLstAccessoireP() }" var="mapAccessoires">
					    		
	       							<label for="${ mapAccessoires.value.getRef() }">${ mapAccessoires.value.getDescription() }</label>
	       							<input type="checkbox" name="${ mapAccessoires.value.getRef() }" id="${ mapAccessoires.value.getRef() }" />
					        		${ mapAccessoires.value.get_puA() } €<br />
					    		
			                	</c:forEach>
   							</c:if>
   							
	                	</fieldset>
	                	
	                	<c:if test="${!empty sessionScope.sessionClient}">
	                		<input type="submit" value="Ajouter"  />
                		</c:if>
	            	</form>
	           	</div>
			</c:otherwise>
		</c:choose>
		
    </body>
</html>